<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">
<style type="text/css">
<!--
.onSelectStyle {
	color: #0000FF
}

.onSelectStyle {
	background-color: #CCCCCC;
}
-->
</style>
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<h:outputScript library="primefaces" name="jquery/jquery.js"
		target="head" />
	<link rel="stylesheet" media="screen,projection" type="text/css"
		href="css/reset.css" />
	<link rel="stylesheet" media="screen,projection" type="text/css"
		href="css/custom.css" />
	<link rel="stylesheet" media="screen,projection" type="text/css"
		href="css/main.css" />
	<link rel="stylesheet" media="screen,projection" type="text/css"
		href="css/2col.css" title="2col" />
	<link rel="stylesheet" media="screen,projection" type="text/css"
		href="css/style.css" />
	<h:outputScript target="head">
	$(document).ready(function(){
		$(".tabs > ul").tabs();
		
		$(".box li a").click(function(){
			$(".submenu-active").removeClass('submenu-active');
			($(this).parent()).addClass('submenu-active');
		});
	});
	</h:outputScript>
</h:head>
<h:body>
	<div id="main">

		<!-- Tray -->
		<div id="tray" class="box">
			<h:form>
				<p class="f-left box">

					<!-- Switcher -->
					<span class="f-left" id="switcher"> <a href="#" rel="1col"
						class="styleswitch ico-col1" title="Display one column"><img
							src="design/switcher-1col.gif" alt="1 Column" /></a> <a href="#"
						rel="2col" class="styleswitch ico-col2"
						title="Display two columns"><img
							src="design/switcher-2col.gif" alt="2 Columns" /></a>
					</span> Projet: <strong>StoreForce</strong>
				</p>
				<p class="f-right">
					Utilisateur: <strong><a href="#">Administrateur</a></strong> <strong>
						<!-- <a href="#" id="logout">Déconnexion</a> --> <h:commandLink
							id="logout" type="submit" value="Déconnexion"
							action="#{authenMB.logout}" ajax="false" />

					</strong>
				</p>
			</h:form>
		</div>
		<!--  /tray -->

		<hr class="noscreen" />

		<hr class="noscreen" />
		<!-- Columns -->
		<div id="cols" class="box">
			<!-- Aside (Left Column) -->
			<div id="aside" class="box">
				<div class="padding box">
					<!-- Logo (Max. width = 200px) -->
					<p id="logo">
						<a href="#"><img src="tmp/logo.jpg" alt="Our logo"
							title="Visit Site" /></a>
					</p>
				</div>
				<!-- /padding -->
				<h:form>

					<ul class="box">
						<li id="general"><h:commandLink id="general" type="general"
								value="Général" action="general.xhtml?faces-redirect=true}" />
						</li>

						<li id="planification"><c:choose>
								<c:when
									test="${authenMB.planification.toString().equals('OnSelect')}">
									<h:commandLink id="planificationOnSelect" style="color:#595959"
										type="submit" value="Planification"
										action="planification.xhtml?faces-redirect=true}" />
								</c:when>

								<c:when
									test="${authenMB.planification.toString().equals('BeforeSelect')}">
									<h:commandLink id="planificationBeforeSelect"
										style="color:#bfbfbf" type="submit" value="Planification" />
								</c:when>
								<c:when
									test="${authenMB.planification.toString().equals('AfterSelect')}">
									<h:commandLink id="planificationAfterSelect" type="submit"
										value="Planification" />
								</c:when>

							</c:choose></li>
						<li id="nomenclature"><c:choose>
								<c:when
									test="${authenMB.nomenclature.toString().equals('OnSelect')}">
									<h:commandLink id="nomenclatureOnSelect" style="color:#595959"
										type="submit" value="Nomenclature"
										action="levelNomenclature.xhtml?faces-redirect=true}" />
								</c:when>

								<c:when
									test="${authenMB.nomenclature.toString().equals('BeforeSelect')}">
									<h:commandLink id="nomenclatureBeforeSelect"
										style="color:#bfbfbf" type="submit" value="nomenclature" />
								</c:when>
								<c:when
									test="${authenMB.nomenclature.toString().equals('AfterSelect')}">
									<h:commandLink id="nomenclatureAfterSelect" type="submit"
										value="Nomenclature" />
								</c:when>

							</c:choose></li>
					
							<li id="pointDeVente"><c:choose>
								<c:when
									test="${authenMB.pointDeVente.toString().equals('OnSelect')}">
									<h:commandLink id="pointDeVenteOnSelect" style="color:#595959"
										type="submit" value="pointDeVente"
										action="listePointDeVente.xhtml?faces-redirect=true}" />
								</c:when>

								<c:when
									test="${authenMB.pointDeVente.toString().equals('BeforeSelect')}">
									<h:commandLink id="pointDeVenteBeforeSelect"
										style="color:#bfbfbf" type="submit" value="pointDeVente" />
								</c:when>
								<c:when
									test="${authenMB.pointDeVente.toString().equals('AfterSelect')}">
									<h:commandLink id="pointDeVenteAfterSelect" type="submit"
										value="pointDeVente" />
								</c:when>

							</c:choose></li>
						<li id="role">
							<!-- 						<c:choose> --> <!-- 							    <c:when test="${authenMB.role == true}"> -->
							<h:commandLink id="role" style="color:#595959" type="submit"
								value="Rôle" action="role.xhtml?faces-redirect=true}" /> <!-- 							    </c:when> -->
							<!-- 							    <c:otherwise> --> <!-- 							     <h:commandLink  id="rolee" style="color:#bfbfbf" -->
							<!-- 	                             type="submit" --> <!-- 	                             value="Rôle"  /> -->
							<!-- 							    </c:otherwise> --> <!-- 							</c:choose> -->
						</li>
						<li id="activite">
							<!-- 						<c:choose> --> <!-- 							    <c:when test="${authenMB.activites == true}"> -->
							<h:commandLink id="activite" style="color:#595959" type="submit"
								value="Activités" action="activite.xhtml?faces-redirect=true}" />
							<!-- 							    </c:when> --> <!-- 							    <c:otherwise> --> <!-- 							    <h:commandLink  id="activitee" style="color:#bfbfbf" -->
							<!-- 	                             type="submit" --> <!-- 	                             value="Activités" /> -->
							<!-- 							    </c:otherwise> --> <!-- 							</c:choose> -->
						</li>
						<li id="utilisateur">
							<!-- 						<c:choose> --> <!-- 							    <c:when test="${authenMB.utilisateurs == true}"> -->
							<h:commandLink id="utilisateur" style="color:#595959"
								type="submit" value="Utilisateurs"
								action="utilisateur.xhtml?faces-redirect=true}" /> <!-- 							    </c:when> -->
							<!-- 							    <c:otherwise> --> <!-- 							    <h:commandLink  id="utilisateurr"  style="color:#bfbfbf" -->
							<!-- 	                             type="submit" --> <!-- 	                             value="Utilisateurs" /> -->
							<!-- 							    </c:otherwise> --> <!-- 							</c:choose> -->
						</li>
						<li id="rapport">
							<!-- 						<c:choose> --> <!-- 							    <c:when test="${authenMB.rapports == true}"> -->
							<h:commandLink id="rapport" style="color:#595959" type="submit"
								value="Rapports" action="rapport.xhtml?faces-redirect=true}" />
							<!-- 							    </c:when> --> <!-- 							    <c:otherwise> --> <!-- 							    <h:commandLink  id="rapportt" style="color:#bfbfbf" -->
							<!-- 	                             type="submit" --> <!-- 	                             value="Rapports" /> -->
							<!-- 							    </c:otherwise> --> <!-- 							</c:choose> -->

						</li>

					</ul>
				
				</h:form>

			</div>
			<!-- /aside -->

			<hr class="noscreen" />

			<!-- Content (Right Column) -->
			<div id="content" class="box">

				<ui:insert name="body">
					<h:outputText value="#{authenMB.stringdate}" />
				</ui:insert>

			</div>
			<!-- /content -->

		</div>
		<!-- /cols -->

		<hr class="noscreen" />

		<!-- Footer -->
		<div id="footer" class="box" align="right">
			<p class="f-left">
				2012 <a href="#">Ben Mansour Nizar </a> © All Rights Reserved
			</p>
		</div>
		<!-- /Footer -->

	</div>
	<!-- /main -->
	<ui:insert name="status">
		<p:ajaxStatus
			style="width:64px;height:64px;position:fixed;right:5px;bottom:5px">
			<f:facet name="start">
				<p:graphicImage value="../images/loading.gif" />
			</f:facet>

			<f:facet name="complete">
				<h:outputText value="" />
			</f:facet>
		</p:ajaxStatus>
	</ui:insert>
</h:body>
<ui:insert name="highlight">
	<script language="javascript" src="../syntaxhighlighter/scripts/sh.js"></script>
	<script language="javascript">
		dp.SyntaxHighlighter.ClipboardSwf = '../syntaxhighlighter/scripts/clipboard.swf';
		dp.SyntaxHighlighter.HighlightAll('code');
	</script>
</ui:insert>
</html>